<template>
  <div class="login">
    <!-- <img
      src="@/assets/img/75ae6e91826dc0c7645c7b577728fd17_6711562189995032786.png"
      alt=""
      srcset=""
    /> -->
    <login-panel />
  </div>
  <!-- <div class="login-item">
    <div class="login-box login-left">
      <img
        src="@/assets/img/75ae6e91826dc0c7645c7b577728fd17_6711562189995032786.png"
        alt=""
        srcset=""
      />
    </div>
    <login-panel class="login-panel" />
    <div class="login-box login-right">
      <img
        src="@/assets/img/f4f2058e05a4e388ee938a13eda52626_196683983123479460.png"
        alt=""
        srcset=""
      />
    </div>
  </div> -->
</template>

<script setup lang="ts">
import LoginPanel from './c-cpns/login-panel.vue'
</script>

<style lang="less" scoped>
// .login-item {
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   width: 100%;
//   height: 100%;
//   background: url('../../assets/img/login-bg.svg');
//   .login-box {
//     flex: 1;
//     align-items: center;
//     margin-bottom: 150px;
//   }
//   .login-left {
//     display: flex;
//     flex-direction: row-reverse;
//   }
//   img {
//     width: 330px;
//   }
//   .login-panel {
//     width: 330px;
//   }
// }
.login {
  img {
    width: 330px;
  }
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  background: url('../../assets/img/login-bg.svg');
}
</style>
